/<template>
<div>
    <van-form @submit="onSubmit">
        <van-field
            v-model="username"
            name="用户名"
            label="用户名"
            placeholder="用户名"
            :rules="[{ required: true, message: '请填写用户名' }]"
        />
        <van-field
            v-model="password"
            type="password"
            name="密码"
            label="密码"
            placeholder="密码"
            :rules="[{ required: true, message: '请填写密码' }]"
        />
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit">提交</van-button>
        </div>
    </van-form>
</div>
</template>

<script>
import axios from '../utile/requery';
import { Toast } from 'vant';

export default {
    data() {
        return {
            username: '',
            password: '',
        };
    },
    methods: {
        onSubmit(values) {
            console.log('submit', values);
            axios.get('/api/Login',{
                params:{
                    user : this.username,
                    pwd : this.password
                }
            }).then(res=>{
                if(res.data.code == 200){
                    Toast(res.data.message);
                    window.localStorage.setItem('token',res.data.token);
                    window.localStorage.setItem('user',res.data.user);
                    this.$router.push('/')
                }else{
                    Toast(res.data.message);
                    this.username = '';
                    this.password = '';
                }
            })
        },
    },
}
</script>

<style>
.van-form{
    width: 300px;
}
</style>